/*
 * @Author: luojian jian.luo@macrowing.com
 * @Date: 2024-05-15 15:29:55
 * @LastEditors: luojian jian.luo@macrowing.com
 * @LastEditTime: 2024-05-22 10:07:19
 * @FilePath: \JiangHeBiWeb\src\pages\jhDataCenter\components\allView\index.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import { AllViewStyled } from './style';
import CountTitle from '@/components/jh/countTitle';
import EdrmsType from '@/components/jh/EdrmsType';
import EdrmsTypeAndStorage from '@/components/jh/EdrmsTypeAndStorage';
import ServiceStorage from '@/components/jh/ServiceStorage';
import EdrmsStorageType from '@/components/jh/EdrmsStorageType';
import EdrmsUseReport from '@/components/jh/EdrmsUseReport';
import EdrmsHotWord from '@/components/jh/EdrmsHotWord';
import MiddleCount from '@/components/jh/middleCount';
import { useSelector } from 'react-redux';
import { RootState } from '@/store';
import { MainState } from '@/store/reducers/main';
import Rank from '@/components/jh/rank';
import { useEffect } from 'react';
import * as echarts from 'echarts/core';

const AllView = () => {
  return (
    <AllViewStyled>
      <div className='left'>
        <div className='left-content'>
          <CountTitle title={<div>档案类型数据<span style={{letterSpacing: 'normal'}}>（TOP5）</span></div>} />
          <EdrmsType></EdrmsType>
        </div>
        <div className='left-content'>
          <CountTitle title={<div>档案各门类数量及空间占有量<span style={{letterSpacing: 'normal'}}>（TOP5）</span></div>}/>
          <EdrmsTypeAndStorage></EdrmsTypeAndStorage>
        </div>
        <div>
          <CountTitle title='服务器资源使用情况' />
          <ServiceStorage></ServiceStorage>
        </div>
      </div>
      <div className='middle'>
        <div className='middle-count middle-main'>
          <MiddleCount />
        </div>
        <div>
          <CountTitle title='档案接收情况统计' />
          <EdrmsStorageType></EdrmsStorageType>
        </div>
      </div>
      <div className='right'>
        <div className='right-content'>
          <CountTitle title='档案利用统计' />
          <EdrmsUseReport reportType='use-time'></EdrmsUseReport>
        </div>
        <div className='right-content'>
          <CountTitle title='档案利用热词展示' />
          <EdrmsHotWord></EdrmsHotWord>
        </div>
        <div className='borrow-rank'>
          <CountTitle title='档案利用人次统计' />
          <EdrmsUseReport reportType='person-time'></EdrmsUseReport>
          {/* <Rank></Rank> */}
        </div>
      </div>
    </AllViewStyled>
  );
};

export default AllView;
